import React from "react";
import { NavBar } from "antd-mobile";
import { useNavigate } from "react-router-dom";
import style from "../../css/secuityCenter/AccountLockout.module.css";
import { LockFill } from "antd-mobile-icons";
export default function AccountLockout() {
  const navigate = useNavigate();
  const back = () => {
    navigate(-1);
  };

  return (
    <>
      <NavBar onBack={back}>锁定账号</NavBar>
      <div className={style.tot}>
        <div className={style.icon}>
          <LockFill style={{ fontSize: 55 }}/>
        </div>
        <div style={{fontSize:'18px',position:'absolute',top:'180px',left:'110px'}}>正在锁定账号{' '}苏惜</div>
      </div>
      <div className={style.wentbox}>
        <div>1.什么情况下需要锁定账号?</div>
        <div style={{ color: "#999", fontSize: "14px", margin: "5px 0" }}>
          自己或朋友账号被盗、手机丢失、可以锁定账号
          <br />
          保护账号的隐私、资金安全
        </div>
      </div>
      <div className={style.wentbox}>
        <div>⒉锁定后会怎样?</div>
        <div style={{ color: "#999", fontSize: "14px", margin: "5px 0" }}>
          锁定后账号会被登出,确认无风险后可再次登录解锁账号锁定期间任何人无法使用该账号
          <br />
          账户信息不会被删除,仍然可以接受消息
        </div>
      </div>
    </>
  );
}
